/* [grocery] slide bar css rule*/
.ui-slider .ui-btn-down-b .ui-btn-active  {
	border: 1px solid #901d1f /*{global-active-border}*/;
	background: #901d1f /*{global-active-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background: #2e2727; /* Old browsers */
	background: -moz-linear-gradient(left,  #2e2727 0%, #9a2637 30%, #c31b35 50%, #d61634 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2e2727), color-stop(30%,#9a2637), color-stop(50%,#c31b35), color-stop(100%,#d61634)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #2e2727 0%,#9a2637 30%,#c31b35 50%,#d61634 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #2e2727 0%,#9a2637 30%,#c31b35 50%,#d61634 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #2e2727 0%,#9a2637 30%,#c31b35 50%,#d61634 100%); /* IE10+ */
	background: linear-gradient(to right,  #2e2727 0%,#9a2637 30%,#c31b35 50%,#d61634 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2727', endColorstr='#d61634',GradientType=1 ); /* IE6-9 */
	  font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-slider .ui-btn-down-b .ui-btn-active {
	/*background: url(../images/red-br.png) repeat-x;*/
}

/*input button spin up/down button hidden*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.sliderBG {
background: none repeat scroll 0 0 #EBE7DD;
border: 1px solid #DFD9CF;
float: left;
width: 92%;
padding: 0 .5% 0px 0;
}
.ui-slider-track, .ui-slider-switch {
	height: 10px;
	top: 10px;
}
.ui-slider-track .ui-btn.ui-slider-handle, .ui-slider-switch .ui-btn.ui-slider-handle {
margin: -21px 0 0 -23px;
}
input.ui-input-text.ui-slider-input {
font-family: 'connections_mediumregular';
background: #EBE7DD;
border: none;
display: block;
float: right;
font-size: 1.8em;
font-weight: 700;
height: 34px;
outline: 0 none;
padding: 0px 0px;
text-align: center;
vertical-align: text-bottom;
width: 14%;
color: #D01133;
box-shadow: none !important;
}
.ui-input-text.ui-focus, .ui-input-search.ui-focus {
    box-shadow: 0 0 0px #FFFFFF;
}
.ui-focus, .ui-btn:focus {
    box-shadow: 0 0 0px #FFFFFF inset, 0 0 0px #FFFFFF;
}
/*grid line*/
.slider-grid-line {
color: rgb(255, 255, 255);
position: absolute;
right: 21%;
margin-top: -1px;
width: 0.4%;
min-height:38px;
background-color: #FFF;
border:1px solid #DFD9CF;
border-bottom:hidden;
border-top:hidden;
}

.lowerright p{
	line-height: 1.1em;
	color:#857363;
	margin-top: -0.2em;
	margin-bottom: 0;
	font-family:"connections_mediumregular";
	font-size:0.8em;
}
.lowerright div.ui-input-text{
	width:60%;
	height:40px;
	margin-bottom: 0.8em;
}
.lowerright input.ui-input-text{
	height: 30px;
	margin: 2px 0 !important;
}

.lowerright div.ui-btn{
	float:right;
	width:118px;
	height:36px;
	right:35%;
}
.lowerright .ui-btn-up-c{
	background:url(../images/button_static.png) no-repeat;
	border: 0px solid #CCCCCC;
}
.lowerright .ui-btn-hover-c{
	background:url(../images/button_press.png) no-repeat;
	border: 0px solid #CCCCCC;
}
.lowerright .ui-btn-inner {
	padding: 0.3em 20px;
	font-family:"connectionsregular";
	font-size:1.0em;
	font-weight: normal;
	color: #FFFFFF !important;
	text-shadow: 0 0px 0 #FFFFFF;
}

/*Top Pad*/
.topsidpad {
padding: 0 8% !important;
}

/*Content Top text field*/
.contentTop{
	width:70% !important;
	padding-bottom: 0.5em;
}
.contentTop2st{
	width:100% !important;
	padding-bottom: 0.5em;
}
.QuestionTop{
	color:#857363;
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
}
.QuestionTop p{
	color:#857363;
	margin-top: -0.2em;
	font-family:"connections_mediumregular";
	font-size:1.2em;
}
.QuestionTop2st{
	color:#857363;
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
}
.QuestionTop2st p{
	color:#857363;
	margin-top: -0.2em;
	margin-bottom: -0.3em;
	font-family:"connections_mediumregular";
	font-size:1.2em;
}
.contentTop2st .slideBar p{
	color:#857363;
	margin-bottom: -10px;
	font-family:"connections_mediumregular";
	font-size:0.8em;
	width:35em;
	line-height: 1.2em;
}
.contentTop2st .slideBar{
	padding-right: 6.5em;
	margin-left: auto;
	margin-right: auto;
	width:50%;
}

/*Content bottom*/
.plantext {
width: 100%;
height: auto;
padding: 5px 0 0;
display: block;
float: left;
margin-left: 1.1%;
}
.QuestionBottom {
width: 100% !important;
height: auto;
padding: 0px;
float: left;
}
.imgBox {
width: 50%;
height: auto;
position: relative;
display: block;
float: left;
padding: 15px 0 0 0;
}
.imgBox1stRight {
	margin-left: -5%;
width: 50%;
height: auto;
position: relative;
display: block;
float: left;
padding: 15px 0 0 0;
}

/*Content scroller*/
.ui-content {
	padding: 0 8% !important;
}
.sidpad {
padding: 1% 0 !important;
}
#wrapper {
	width:1024px;
	height:80%;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	margin:0 auto;
}

#scroller {
	width:2048px;
	height:100%;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; 
	float:left;
	width:1024px; 
	height:80%;
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}

#nav {
	margin-top: -2.2em;
	margin:0 auto;
	position:relative;
}

#next {
	font-weight:bold;
	font-size:14px;
	float: right;
	margin-right: -195px;
	margin-top: -22px;
}

#prev {
	font-weight:bold;
	font-size:14px;
	position: absolute;
	margin-left: -217px;
	margin-top: -22px;
}
#answer-all-Q {
	background:url(../images/answer-all-Q.png) no-repeat;
	width:383px;
	height:38px;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -15px;
	margin-right: -55px;
}
#answer-all-Q p {
	position: absolute;
	top: 7px;
	left: 10px;
	margin: 0;
	text-shadow: none;
	color: #FFF;
	font-family: "connectionsregular";
	font-size: 18px;
}
#confirmation {
	background:url(../images/confirmation.png) no-repeat;
	width:383px;
	height:38px;
	float: right;
	margin-right: -195px;
	margin-top: -22px;
}
#confirmation p {
	position: absolute;
	margin: 0;
	text-shadow: none;
	color: #FFF;
	font-family: "connectionsregular";
	font-size: 18px;
	width: 100%;
	margin: 0;
	margin-top: 7px;
	margin-left: 35px;
}
#submit-btn{
	font-weight:bold;
	font-size:14px;
	float: right;
	margin-right: -195px;
	margin-top: -22px;
}

#nav div.ui-btn {
float: right;
width: 118px;
height: 36px;
box-shadow: none;
}
#nav .ui-btn-up-c{
	background:url(../images/button_static.png) no-repeat;
	border: 0px solid #CCCCCC;
}
#nav .ui-btn-hover-c{
	background:url(../images/button_press.png) no-repeat;
	border: 0px solid #CCCCCC;
}
#prev .ui-btn-up-c{
	background:url(../images/previous-static.png) no-repeat;
}
#prev .ui-btn-hover-c{
	background:url(../images/previous-press.png) no-repeat;
}
#next .ui-btn-up-c{
	background:url(../images/next-static.png) no-repeat;
}
#next .ui-btn-hover-c{
	background:url(../images/next-press.png) no-repeat;
}
#nav .ui-btn-inner {
padding: 0.3em 20px;
font-family: "connectionsregular";
font-size: 1.3em;
font-weight: normal;
color: #FFFFFF !important;
text-shadow: 0 0px 0 #FFFFFF;
}

#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
width: 24px;
height: 20px;
margin-left: auto;
margin-right: auto;
float: none;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; 
	height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#FFF;
	border:solid 0.1em #857363;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#ddd;
	border:solid 0.1em #ddd;
}

#indicator > li:last-child {
	margin:0;
}

/* text font */
.content{
	
}
.hmtitle {
	font-family:"connectionsregular";
	font-size:3.6em;
	margin-bottom: 0.1em;
}
.infoLinks {
color: #857363 !important;
font-size: 1.5em;
font-family: 'connectionsregular';
font-weight: normal !important;
text-shadow: none !important;
text-decoration: none !important;
}
.contentSend input.ui-input-text{
	font-family:"connectionsregular";
	font-size:28px !important;
	font-weight:normal;
	text-align:center;
}
.contentTop span{
	font-family:"connectionsregular";
	font-size:0.6em;
	color: #857363 !important;
}
.contentTop .ui-btn-text{
	font-family:"connectionsregular";
	font-size:2.0em;
	font-weight: normal;
	color: #FFFFFF !important;
	text-shadow: 0 0px 0 #FFFFFF;
}
.imgText span {
	font-size: 1.0em;color:#857363;
	font-family:"connectionsregular";
	font-weight:bold;
}

/*CheckBox Image Swap*/
.radioText div {
	height:1.8em;
}
.radioText div input{
	display:none;
}
.radioText div input + label{
	background:url('../images/radiobox-v.png')left top no-repeat;
	width:18px;
    height: 18px;
    display:inline-block;
	/*padding:3px 0 0 35px;*/
	word-wrap:break-word;
	word-break:normal;
	position:relative;
}
.radioText div input:checked + label{
	background:url('../images/radiobox-v.png')-18px top no-repeat;
}
.radioText label p{
	color:#857363;
	font-family:"connectionsregular";
	font-size:0.8em;
padding:10px;
margin: -14px 30px 0;
position: absolute;
top: 0;
width: 25em;
height: 20px;
display: inline-block;
word-wrap: break-word;
word-break: normal;
}

/*footer*/
.ui-footer-fixed {
padding-bottom: 0px;
}
.ui-footer-fixed.ui-fixed-hidden {
bottom: -1px;
padding-bottom: 0px;
position:fixed;
}
.logo {
	text-decoration:none;
}
.logo sup{
	color:#FFF;
	text-shadow:none;
	font-size: 11px;
	font-family: "connectionsregular";
	font-weight: normal;
}
.fdic{
	color: #FFF !important;
	margin-left: 70px;
	font-size: 14px;
	font-family: "connections_mediumregular";
	font-weight: normal !important;
	text-shadow: none;
	text-decoration:none;
}

/*header & footer button*/
.demos {
	top: 5px !important;
	right: 85px !important;
}
.learn {
	top: 5px !important;
}
.survey {
	right: 5px !important;

}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}